<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <script src="jq/jquery-1.11.1.min.js"></script>
    <script src="jq/jquery.fly.min.js"></script>
    <link rel="stylesheet" href="font_571425_cjvso7da05wv1jor/iconfont.css">
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/sidebox.css">
</head>
<body>
<div class="public_header"></div>



<div class="content_box">
    <div class="main">
        <div class="content_box_top">
            <div class="th_top">
                <p>商城首页</p><i>></i>
                <p></p><i>></i>
                <p></p><i>></i>
                <p style="color: #ff643c" class="hhhhhhh"></p>
            </div>
            <div class="th_center">
                <div class="th_center_left">
                    <p><span style="color: #ff643c">今日特卖</span>
                        <span class="spann"></span>
                    </p>
                </div>
                <div class="th_center_right">
                    <a href=""><img src="images/details1.jpg" alt=""></a>
                </div>
            </div>
            <div class="th_bottom">
                <div class="th_bottom_left">
                    <a href=""></a>
                </div>
                <div class="th_bottom_right">
                    <div class="th_bottom_right_timer"><p>距团购结束2天10小时37分34秒</p></div>
                    <div class="th_bottom_right_price">
                        <p><i>￥</i><span class="price"></span></p>
                        <p style="margin: 10px 0 0 34px"><a class="put_cart" href="">立即抢购</a></p>
                    </div>
                    <div class="th_bottom_right_content">
                        <div class="th_bottom_right_content_price"></div>
                        <div class="th_bottom_right_content_people">
                            <p><i>622</i><span>人已购买</span></p>
                            <p><i>555</i><span>即将购买</span></p>
                        </div>
                        <div class="th_bottom_right_content_gongxiao"><span>功效</span></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content_box_center">
            <h2><p><span>今日特卖推荐</span><p>RECOMMENDED SALE TODAY</p></p></h2>
            <div class="list_goods">
                <ul>
                    <li>
                        <div class="goods_top"><a href=""><img src="images/deails_goods.jpg" alt="" width="100%" height="100%"></a></div>
                        <div class="goods_bottom">
                            <p class="goods_name"><a href="">科颜氏金盏花爽肤水250ml（专</a></p>
                            <p class="goods_price"><i>￥</i><span>278.0</span></p>
                            <p class="goods_join"><a class="put_cart" href="">加入购物车</a></p>
                        </div>
                    </li>
                    <li>
                        <div class="goods_top"><a href=""><img src="images/deails_goods2.jpg" alt="" width="100%" height="100%"></a></div>
                        <div class="goods_bottom">
                            <p class="goods_name"><a href="">科颜氏金盏花爽肤水250ml（专</a></p>
                            <p class="goods_price"><i>￥</i><span>278.0</span></p>
                            <p class="goods_join"><a class="put_cart" href="">加入购物车</a></p>
                        </div>
                    </li>
                    <li>
                        <div class="goods_top"><a href=""><img src="images/deails_goods3.jpg" alt="" width="100%" height="100%"></a></div>
                        <div class="goods_bottom">
                            <p class="goods_name"><a href="">科颜氏金盏花爽肤水250ml（专</a></p>
                            <p class="goods_price"><i>￥</i><span>278.0</span></p>
                            <p class="goods_join"><a class="put_cart" href="">加入购物车</a></p>
                        </div>
                    </li>
                    <li>
                        <div class="goods_top"><a href=""><img src="images/deails_goods4.jpg" alt="" width="100%" height="100%"></a></div>
                        <div class="goods_bottom">
                            <p class="goods_name"><a href="">科颜氏金盏花爽肤水250ml（专</a></p>
                            <p class="goods_price"><i>￥</i><span>278.0</span></p>
                            <p class="goods_join"><a class="put_cart" href="">加入购物车</a></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="content_box_bottom">
            <div class="bt_left">
                <h3>同分类排行&nbsp;&nbsp;&nbsp;RANKING</h3>
                <div class="bt_left_list">
                    <ul>
                        <li>
                            <div class="bt_left_list_img">
                                <a href="">
                                    <img src="images/details_1.jpg" alt="" width="100%" height="100%">
                                </a>
                            </div>
                            <div class="bt_left_list_info">
                                <p class="info_top"><a href="">阿迪达斯男士能量香水100ml</a></p>
                                <p class="info_bottom">￥49.0</p>
                            </div>
                        </li>
                        <li>
                            <div class="bt_left_list_img">
                                <a href="">
                                    <img src="images/details_1.jpg" alt="" width="100%" height="100%">
                                </a>
                            </div>
                            <div class="bt_left_list_info">
                                <p class="info_top"><a href="">阿迪达斯男士能量香水100ml</a></p>
                                <p class="info_bottom">￥49.0</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bt_right">
                <div class="bt_right_nav">
                    <ul>
                        <li><a href="#box1">商品参数</a></li>
                        <li><a href="#box2">本单详情</a></li>
                        <li><a href="#box3">使用方法</a></li>
                        <li><a href="#box4">用户口碑</a></li>
                    </ul>
                    <div class="bt_right_nav_right">
                        <p class="fl" style="margin-left: 20px"><i style="color: #fff">￥</i><span class="price"></span></p>
                        <p class="ppp"><a class="put_cart" href="">加入购物车</a></p>
                    </div>
                </div>
                <div class="bt_right_content">
                    <div class="cot_info">
                        <h3 class="cot_info_h3" id="box1">
                            <p>
                                <span></span>
                                <em>商品参数</em>
                                <i>Product parameters</i>
                            </p>
                        </h3>
                        <div class="juti_info">
                            <table>
                                <tbody>
                                <tr>
                                    <td class="td1">原&ensp;产&ensp;地:</td>
                                    <td class="td2">意大利</td>
                                </tr>
                                <tr>
                                    <td class="td1">规&emsp;&emsp;格:</td>
                                    <td class="td2">5ml</td>
                                </tr>
                                <tr>
                                    <td class="td1">质&emsp;&emsp;地:</td>
                                    <td class="td2">液体</td>
                                </tr>
                                <tr>
                                    <td class="td1">保&ensp;质&ensp;期:</td>
                                    <td class="td2">5年（具体日期以收到实物为准）</td>
                                </tr>
                                <tr>
                                    <td class="td1">特别说明:</td>
                                    <td class="td2">此产品为小样，全新包装，有外盒，无塑封。外盒上有“NOT FOR SALE”的字样，请介意的MM慎购哦！</td>
                                </tr>
                                <tr>
                                    <td class="td1">温馨提示:</td>
                                    <td class="td2">由于部分商品包装更换较为频繁，因此您收到的货品有可能与图片不完全一致，
                                        请您以收到的商品实物为准，同时我们会尽量做到及时更新，由此给您带来不便多多谅解，谢谢！</td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="juti_info_img">
                                <!--<img src="images/details2_1.jpg" alt="" width="100%" height="100%">-->
                            </div>
                        </div>
                        <h3 class="cot_info_h3" id="box2">
                            <p>
                                <span></span>
                                <em>笨蛋详情</em>
                                <i>COUPON</i>
                            </p>
                        </h3>
                        <div class="coupon">
                            <h3>完美设计的香调</h3>
                            <p>首先袭来的是酸甜果香。接着谱出清新青草香。后则承续着若有似无的木质琥珀。香味不只衬托出品味。
                                更透露出云淡风轻的心情写照。一派从容、自信。含蓄温雅中流露出贵气。正是新一代雅痞贵族典范。</p>
                            <h3>云淡风轻耀眼的湛蓝色外盒包装</h3>
                            <p>亦是VERSACE一贯尊贵优渥风格。精湛的盒装完美地诠释出VERSACE引以为傲的经典华丽。经典的VERSACE风格就是能毫无顾忌的挑动感官所有可能性。由瓶身触感。
                                水蓝色晶透玻璃的视觉。水果、草木与香料层迭出的味觉与嗅觉。一抹香水也可以是无限大的心灵触动。</p>
                            <img src="images/details2_2.jpg" alt="">
                            <img src="images/details2_3.jpg" alt="">
                            <img src="images/details2_3_1.jpg" alt="">
                            <p>	VERSACE/范思哲 Eau Fraiche EDT云淡风轻男香，完美融合经典的男香成分和独特的新香调，赋予香水无比清新的生命力。</p>
                            <img src="images/details2_4.jpg" alt="">
                            <p>产品为小样，全新包装，有外盒，无塑封。外盒上有“NOT FOR SALE”的字样，请介意的MM慎购哦！</p>
                            <img src="images/details2_5.jpg" alt="">
                            <p>范思哲香水的包装和展示富于想象力，总是个性十足，令人过目难忘</p>
                            <img src="images/details2_6.jpg" alt="">
                            <p>精湛的盒装完美地诠释出VERSACE引以为傲的经典华丽。经典的VERSACE风格就是能毫无顾忌的挑动感官所有可能性。
                                由瓶身触感。水蓝色晶透玻璃的视觉。水果、草木与香料层迭出的味觉与嗅觉。一抹香水也可以是无限大的心灵触动。</p>
                            <img src="images/details2_7.jpg" alt="">
                            <p>完美设计的香调。首先袭来的是酸甜果香。接着谱出清新青草香。后则承续着若有似无的木质琥珀。
                                香味不只衬托出品味。更透露出云淡风轻的心情写照。一派从容、自信。含蓄温雅中流露出贵气。正是新一代雅痞贵族典范。</p>
                            <img src="images/details2_8.jpg" alt="">
                            <p>香味不只衬托出品味，更透露出云淡风轻的心情写照。</p>
                            <img src="images/details2_9.jpg" alt="">
                        </div>
                        <h3 class="cot_info_h3" id="box3">
                            <p>
                                <span></span>
                                <em>使用方法</em>
                                <i>USE METHOD</i>
                            </p>
                        </h3>
                        <div class="use">
                            香水使用方法：
                            1、香水会由下往上升：香水使用在身上，香味会随着时间温度由下往上升；
                            因此在使用香水的时候，不要只集中在上半身使用，要注重均衡分布。
                            2、使用在温度高的部位，香味更香，香水味通常会随着体温升高而更易散发出真香味，
                            因此，使用在体温高的部位，会比使用在衣服上更香，在季节上，使用在夏天也比冬天更容易感觉到香味。
                            3、香味使用在动态的部位上，香味更容易散发，
                            香味会随着身体的动作而扩散因此使用在手挽，手肘膝盖内侧等经常动的部位最理想。
                        </div>
                        <h3 class="cot_info_h3" id="box4">
                            <p>
                                <span></span>
                                <em>用户口碑</em>
                                <i>USER REPUTATION</i>
                            </p>
                        </h3>
                        <div class="evaluate">
                            <ul>
                                <li>
                                    <div class="photo">
                                        <p class="photo_img"><img src="images/ava_02.jpg" alt="" width="100%" height="100%"></p>
                                        <p class="photo_user">hahahaha</p>
                                    </div>
                                    <div class="comment">
                                        <p>味道还不错</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="photo">
                                        <p class="photo_img"><img src="images/ava_02.jpg" alt="" width="100%" height="100%"></p>
                                        <p class="photo_user">hahahaha</p>
                                    </div>
                                    <div class="comment">
                                        <p>味道还不错</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="photo">
                                        <p class="photo_img"><img src="images/ava_02.jpg" alt="" width="100%" height="100%"></p>
                                        <p class="photo_user">hahahaha</p>
                                    </div>
                                    <div class="comment">
                                        <p>味道还不错</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="photo">
                                        <p class="photo_img"><img src="images/ava_02.jpg" alt="" width="100%" height="100%"></p>
                                        <p class="photo_user">hahahaha</p>
                                    </div>
                                    <div class="comment">
                                        <p>味道还不错</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="photo">
                                        <p class="photo_img"><img src="images/ava_02.jpg" alt="" width="100%" height="100%"></p>
                                        <p class="photo_user">hahahaha</p>
                                    </div>
                                    <div class="comment">
                                        <p>味道还不错</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="public_footer"></div>
<script src="js/footer.js"></script>
<div class="public_sidebox"></div>
<script src="js/sidebox.js"></script>
</body>
</html>
<script src="js/header.js"></script>
<script>
 window.onload=function () {
     var $height=$(".bt_right_nav").offset().top;
     $(window).scroll(function () {
         if($(".bt_right_nav").offset().top-$(window).scrollTop()<=0){
             $(".bt_right_nav").addClass("fixed");
         }
         if($height-$(window).scrollTop()>0){
             $(".bt_right_nav").removeClass("fixed");
         }
     })
     var pstr = window.location.search.split("&");
     var numId = pstr[0].split("=")[1]; //产品id
     var uId = pstr[1].split("=")[1];  // 用户ID
     console.log(numId,uId);
     $.ajax({
        url:"../severs/ziyemianhoutai.php",
         type: "get",
         data: {"gid": numId},
         dataType: "json"
     }).then(function (res) {
         console.log(res);
         console.log(res[0]["g_data"].split("_")[1]);
         $(".hhhhhhh").text(res[0]["g_data"].split("_")[1]);
         $(".spann").text(res[0]["g_descri"]);
         $(".price").text(res[0]["g_price"]);
         $(".th_bottom_left a").append('<img src="'+res[0]["imgs"][0]["I_img1"]+'" alt="" width="100%" height="100%">');
         $(".juti_info_img").append('<img src="'+res[0]["imgs"][0]["I_img2"]+'" alt="" width="100%" height="100%">');
     })
 }
</script>